@charset "utf-8";
/* CSS Document */

/*
============================================================================================
|		Top layer styles
============================================================================================
*/

.top .container 			{ position:relative; margin:0 auto; width:1000px; }
.top .container .module 	{ float:left; }
.top .container .separator	{ width:4px; height: 200px; margin: 35px 10px 0px 10px; 
				  						background:transparent url('/images/template/separator-d.png') repeat-y;}
	
.top .container .module .label { margin-bottom:5px; font-size: 1.6em; }

/* daily image */
.top .container .module .daily-image 								{ width:315px; }
.top .container .module .daily-image .module-header 				{ }
.top .container .module .daily-image .module-header .label			{ float:left; }
.top .container .module .daily-image .module-header .valoration		{ float:right; position:relative; top:8px; }
.top .container .module .daily-image .img img						{ border:2px solid #ffffff; }
.top .container .module .daily-image .image-title					{ font-size:1.4em; }
.top .container .module .daily-image .image-title .author			{ font-size:0.7em; }

/* other galleries */
.top .container .module .other-galleries							{ width:315px; }
.top .container .module .other-galleries .pics 						{ height:206px; }
.top .container .module .other-galleries .pics .img					{ float:left; margin-bottom:5px;  width:101px; height:101px; }
.top .container .module .other-galleries .pics .img.marginRight		{ margin-right:6px;}
.top .container .module .other-galleries .nav 						{ text-align:center;}
.top .container .module .other-galleries .pics .picset				{  }
.top .container .module .other-galleries img						{ border:2px solid #ffffff; }
.top .container .module .other-galleries .pics .picset .valoration	{ margin-bottom:3px; }


/* intro text */
.top .container .module .intro-text { width:315px; text-align:center; margin-top:70px; }


/* 
============================================================================================
|		Middle layer styles
============================================================================================
*/
.middle-text											{ position:relative; width: 100%; }
.middle-text .container-main 							{ margin:0 auto; width:976px; }
.middle-text .container-main .container-module			{ float:left; width:300px; }
.middle-text .container-main .container-module .label	{ font-size:1.4em; color:#444444; text-align:left;}
.middle-text .container-main .container-module .text	{ color:#444444; text-align:justify;}
.middle-text .container-main .container-module .more	{ text-align:right; }
.middle-text .container-main .container-module .more a	{ }
.middle-text .container-main .container-module p		{ margin: 5px 0px;}
.middle-text .container-main .separator					{ float:left; width:4px; height: 160px; margin: 20px 15px 0px 15px; 
				  								  			background:transparent url('/images/template/separator-c.png') repeat-y;}